<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8"/>
    <title>Insert title here</title>
</head>
<body>
<div class="layui-header" th:fragment="headerTop">
    <!-- 头部区域 -->
    <ul class="layui-nav layui-layout-left">
        <li class="layui-nav-item layadmin-flexible" lay-unselect="">
            <a href="javascript:;" layadmin-event="flexible" title="侧边伸缩">
                <i class="layui-icon layui-icon-shrink-right" id="LAY_app_flexible"></i>
            </a>
        </li>
        <span class="layui-nav-bar" style="left: 38px; top: 48px; width: 0px; opacity: 0;"></span>
    </ul>
    <ul class="layui-nav layui-layout-right" lay-filter="layadmin-layout-right">

        <li class="layui-nav-item" style="margin-right:0px;padding:0; ">
            <a class="loginName" href="javascript:;"> 当前登录人</a>
        </li>
        <li class="layui-nav-item" style="margin-right:15px;  ">
            <a class="loginName" href="javascript:;"><span style="margin: 0 5px;" th:text="${user.userName}"> </span></a>
            <dl class="layui-nav-child">
                <dd th:if="${null!=roles}" th:each="role:${roles}">
                    <a style="font-size: 16px; cursor:pointer;" class="userchange" th:data-id="*{role.userId}"
                       th:text="*{role.userName}"></a>
                </dd>
                <dd>
                    <a style="font-size: 16px; cursor:pointer;color: red;" class="userchange" data-id="-1">退出登录</a>
                </dd>
            </dl>
        </li>
        <li class="layui-nav-item">
            <a href="javascript:;" id="BtnFullOpen">
                <i class="layui-icon layui-icon-screen-full"></i>
            </a>
            <a id="BtnFullQuite" href="javascript:void(0);" title="按“F11”关闭全屏模式" style="display:none;">
                <i class="layui-icon layui-icon-screen-restore"></i>
            </a>
        </li>
    </ul>
</div>

</body>
</html>